document.ready(function () {
    //身份证实名认证功能
    //扫码测试按钮点击切换样式
    //let scanCode = document.querySelector('.certification .choice .scanCode');
    //let showqrcode = document.querySelector('.certification .showqrcode');
    
    // let flagObj = {
    //     scanCode: true,
    //     count: true
    // }
    // scanCode.addEventListener('mouseenter', function () {
    //     showqrcode.style.display = 'block';
    // })
    // scanCode.addEventListener('mouseleave', function () {
    //     showqrcode.style.display = 'none';
    // })


    // 次数按钮点击切换样式

    // 定义保存初始索引的变量
    let idIndex = 0;
    //获取价格和价格提示信息的父级(￥1200 (约0.3000元/次)，仅限企业实名购买)
    let priceExplain2 = document.querySelector('.certification .priceExplain2');
    //获取(.certification .choice)下的所以.count的span标签
    let allCount = document.querySelectorAll('.certification .choice .count');
    // 获取(.certification .choice)下的所以i标签(xxx次)
    let curI = document.querySelectorAll('.certification .count i');
    // 遍历span
    allCount.forEach(function (v, i) {
        v.addEventListener('click', function () {
            // 获取当前点击对象添加自定义属性flag的值
            let flag = v.dataset.flag;
            if (flag == 'true') {

                // 改变其他span对象背景颜色样式
                allCount[idIndex].style.borderColor = '#999';
                // 改变其他span对象字体颜色样式
                allCount[idIndex].style.color = '#999';

                // 改变当前对象背景颜色样式
                this.style.borderColor = '#00bdff';
                // 改变当前对象字体颜色样式
                this.style.color = '#00bdff';

                // 隐藏其他父级span右下角的选中图片
                curI[idIndex].style.opacity = '0';
                // 显示当前父级span右下角的选中图片
                curI[i].style.opacity = '1';

                // 保存当前索引
                idIndex = i;

                // 获取当前span对象的文本并提取数值部分
                let curText = parseInt(this.textContent);

                // 定义初始价格
                let initPrice = 0.3000;

                //计算对应的总价
                let price = initPrice * curText;

                // 把总价渲染到页面
                document.querySelector('.priceExplain2 .price').textContent = price;

                //显示获取价格和价格提示信息
                priceExplain2.style.display = 'block';

            } else {
                // 改变当前对象背景颜色样式
                this.style.borderColor = '#999';
                // 改变当前对象字体颜色样式
                this.style.color = '#999';
                // 显示当前父级span右下角的选中图片
                this.firstElementChild.style.opacity = '0';
                // 隐藏获取价格和价格提示信息
                priceExplain2.style.display = 'none';
            }

            //改变flag的值
            if (flag == 'true') {
                this.dataset.flag = 'false';
            } else {
                this.dataset.flag = 'true';
            }

            //把其他span标签的flag还原
            switch (i) {
                case 0:
                    v.nextElementSibling.dataset.flag = true;
                    v.nextElementSibling.nextElementSibling.dataset.flag = true;
                    break;
                case 1:
                    v.previousElementSibling.dataset.flag = true;
                    v.nextElementSibling.dataset.flag = true;
                    break;
                case 2:
                    v.previousElementSibling.dataset.flag = true;
                    v.previousElementSibling.previousElementSibling.dataset.flag = true;
                    break;
            }
        })
    })

    // Tab栏切换功能
    let tabP = document.querySelector('.tabChange .tabC');
    let allSubTab = tabP.querySelectorAll('p');
    let allTabC = document.querySelectorAll('.tabContent>.cLeft>div');
    tabCard(tabP, 'P', allSubTab, 'active', allTabC, 'tabSwitch');

})